<template>
    <div class="longContainer">
        <div class="list" >
            <div class="long">
                <img src="http://placehold.it/160x450" alt="" class="longImg">
            </div>
        </div>
        <div class="list" >
            <div class="long">
                <img src="http://placehold.it/160x450" alt="" class="longImg">
            </div>
        </div>
    </div>
</template>

<style lang="less">
.longContainer{
    width: 100%;
        padding: 0 3vw;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        box-sizing: border-box;
    .list{
        width: 50%;
        position: relative;
        .long{
            width: 160px;
            height: 450px;
            overflow: hidden;
            margin: 10px 7px;
            background: #F8F8F8;
            border-radius: 5px;
            img {
            width: 100%;
            }   
        }
    }
}
</style>